﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Animate.aspx.cs" Inherits="Animate" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="DemoTitleContentPlaceHolder" Runat="Server">
Animation Sample
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="DemoContentPlaceHolder" Runat="Server">

<asp:Panel runat="server" ID="Panel1" BorderWidth="1">
this is the content<br />
this is the content<br />
this is the content<br />
</asp:Panel>

<br /><br /><br />
<asp:Panel runat="server" ID="Panel2" BorderWidth="1">
<div id="AniDiv" runat="server">
Click me
</div>
</asp:Panel>

<cc2:Animate runat="server" ID="Animate1" 
TriggerSelector="#{Panel1}" Selector="#{Panel2}"
To="backgroundColor: '#fff', color: '#000', width: 240"
From="backgroundColor: '#aa0000', color: '#fff', width: 500"
 />
 
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SourceContentPlaceHolder" Runat="Server">
<pre>
&lt;asp:Panel runat="server" ID="Panel1" BorderWidth="1"&gt;
this is the content&lt;br /&gt;
this is the content&lt;br /&gt;
this is the content&lt;br /&gt;
&lt;/asp:Panel&gt;

&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
&lt;asp:Panel runat="server" ID="Panel2" BorderWidth="1"&gt;
&lt;div id="AniDiv" runat="server"&gt;
Click me
&lt;/div&gt;
&lt;/asp:Panel&gt;

&lt;cc2:Animate runat="server" ID="Animate1" 
TriggerSelector="#{Panel1}" Selector="#{Panel2}"
To="backgroundColor: '#fff', color: '#000', width: 240"
From="backgroundColor: '#aa0000', color: '#fff', width: 500"
 /&gt;
</pre>
</asp:Content>

